<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>CSS基础1</title>
	</head>
	<body>
		<!--
        	CSS：层叠样式表，作用：页面美化
        	HTML：构建页面的骨架
        	CSS：没话
        	JS：行为动作
        	1.样式的引入类型
        	行内样式：标签的style属性（几乎不用）
        	内部样式：将css样式写入style标签
        	外部样式：将css样式写入css文件中，并在html页面中进行引入
        -->
        <style>
        	div{
        		text-align: right;
        	}
        </style>
        <!--
        	外部样式的引入：
        -->
        <link rel ="stuleheet"href="css/CSS1.css" />
        <!--
        	div标签（重要）：块元素标签，单独占一行
        	无任何语义
        -->
        <div style="background-color: red;">我是div标签</div>
	</body>
</html>
